/* 
 * This CSS file will be applied after all the built in styles.
 * 
 * CSS files are loaded in alphabetic order, hence the  "zzz" in 
 * the filename to force it to load after the other css files!
 * 
 * Add any local over-rides here. 
 * 
 * To totally replace a system css file, create a file of the same 
 * name in this directory. eg. messages.css
 * 
*/

body {
	background-color: #CCB989;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0;
	width: 750px;
}

td img {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Times New Roman, Times, serif;
}

h1 {
	font-size: 16px;
	color: #663333;
}

h2 {
	font-size: 14px;
	color: #66594D;
}

h3 {
	font-size: 12px;
	color: #231F20;
}

h4 {
	font-size: 10px;
	color: #000000;
}

.style1 {
	font-size: 12pt;
}

a {
	color:#663333;
	text-decoration: none;
}

a:hover {
	color: #C87E12;
	text-decoration: underline;
}

.noborder {
	background-color: transparent;
	border: none;
}


/*
	The header contains the banner, menu bar and status bar.
*/
.codc_tm_header {
	position: relative;
	margin-bottom: 14px;
	width: 100%;
}

.codc_tm_main {
	margin-bottom: 1em;
}


/*
	The menu is created within a relatively positioned DIV. This runs the width of the layout and floats behind all other elements.
*/
#codc_tm_menu {
	background-color: #66594D;
	font-size: 11px;
	line-height: 15px;
	height: 20px;
	position: relative;
	width: 100%;
	z-index: 5;
}

#codc_tm_menu_items {
	background-color: #66594D;
	float: left;
	left: 25px;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: left;
	width: 700px;
	z-index: 7;
}

/*
	Drop down menus based on the tutorial at:
		http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
	This includes some odd little hacks for portability across browsers (mainly IE). Additional IE-only hackery can be found in ie_hacks.css.
*/
#codc_tm_menu_items ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 130px;
}

#codc_tm_menu_items img {
	float: left;
	border: none;
}

#codc_tm_menu_items a {
	background: none;
	color: white;
	display: block;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	padding-left: 1em;
	text-decoration: none;
}

/*
	The "triangle of dots" icon is used as a background image for all the menu items.
*/
#codc_tm_menu_items li {
	background-image: url(/images/index_02.gif);
	background-repeat: no-repeat;
	position: relative;
}

#codc_tm_menu_items ul ul li {
	background-image: none;
}

/*
	For menu items below the first level, the "triangle of dots" icon only appears when the menu item is hovered over, providing an additional cue as to which menu item is currently active.
*/
#codc_tm_menu_items a:hover {
	background-color: #C87E12;
	background-image: url(/images/index_02.gif);
	background-repeat: no-repeat;
	color: white;
}

#codc_tm_menu_items ul ul {
	background-color: #66594D;
	border-top: solid 1px white;
	position: absolute;
	text-align: left;
	z-index: 500;
}

#codc_tm_menu_items ul ul a {
	border-top: none;
}

#codc_tm_menu_items ul ul ul {
	border: none;
	left: 100%;
	position: absolute;
	top: 0;
}

/*
	Ugly hack for compatibility with all browsers. Would be much cleaner with child selectors.
*/
div#codc_tm_menu_items ul ul,
div#codc_tm_menu_items ul li:hover ul ul,
div#codc_tm_menu_items ul ul li:hover ul ul,
div#codc_tm_menu_items ul ul ul li:hover ul ul {
	display: none;
}

div#codc_tm_menu_items ul li:hover ul,
div#codc_tm_menu_items ul ul li:hover ul,
div#codc_tm_menu_items ul ul ul li:hover ul,
div#codc_tm_menu_items ul ul ul ul li:hover ul {
	display: block;
}

/*
	Set the appearance of the EPrints status/search bar.
*/
.codc_tm_searchbar {
	color: #666666;
	background-color: #CCCCCC;
	background-image: url(/style/images/gray_bar.png);
	font-size: 10px;
	height: 20px;
	line-height: 14px;
	position: relative;
	width: 100%;
	white-space: nowrap;
}

.codc_tm_searchbar table {
	border: none;
	left: 10px;
	top: 2px;
	position: relative;
	width: 730px;
}

.codc_login_status {
	text-align: left;
	width: 560px;
}

.codc_search_box, .codc_feeds {
	text-align: right;
}

.codc_search_box {
	width: 170px;
}

/*
	Override the appearance of the standard classes for the remaining items in the status/search bar.
*/
/*
.ep_search_feed {
	font-size: 10px;
	line-height: 14px
}

.ep_search_feed a {
	color: #666666;
}

.ep_search_feed a:hover {
	color: #C87E12;
}

.ep_search_feed img {
	position: static;
}
*/
.ep_tm_searchbarbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px
	line-height: 14px;
	padding-left: 3px;
	padding-right: 3px;
}

.ep_tm_searchbarbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px
	line-height: 14px;
	width: 170px;
}


/*
	Ensure that tables inside "toolboxes" run to the full width regardless of their contents.
*/
/*
.ep_toolbox_content table {
	width: 100%;
}
*/

/*
	Style the search and login boxes that appear on the front page.
*/
.codc_searchbox, .codc_loginbox {
	border: solid 1px #8E897C;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	position: relative;
	width: 200px;
}

.codc_searchbox_header, .codc_loginbox_header {
	border-bottom: solid 1px #8E897C;
	color: white;
	line-height: 22px;
	margin: 0;
	padding-left: 0.75em;
}

.codc_searchbox_header {
	background-color: #66594D;
}

.codc_loginbox_header {
	background-color: #141414;
}

.codc_searchbox_form, .codc_loginbox_form {
	margin-bottom: 0.5em;
	margin-left: 1em;
}

.codc_searchbox_field, .codc_loginbox_field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px
	line-height: 14px;
}

.codc_searchbox_field {
	width: 145px;
}

.codc_loginbox_field {
	width: 85px;
}

.codc_searchbox_button, .codc_loginbox_button {
	background-image: url(/images/go_button_grey.png);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	width: 18px;
}

.codc_searchbox_link, .codc_loginbox_link {
	background-image: url(/images/triangle_search_login.png);
	background-repeat: no-repeat;
}

.codc_loginbox_label {
	font-weight: normal;
	text-align: right;
}

.codc_searchbox a, .codc_loginbox a {
	color: white;
	line-height: 20px;
	padding-left: 1em;
}

.codc_searchbox a:hover, .codc_loginbox a:hover {
	color: #C87E12;
	text-decoration: underline;
}